<!doctype html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>前端自动化模版</title>
  <link rel="stylesheet" href="/styles/vendor.css">
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/style1.css">

</head>

<body>
  <div class="head">
    <div class="container clearfix">
        <a class="logo lazy block" href="/">
            <img src="./images/20181031_08.jpg" title="码动未来_CodingTheFuture" alt="码动未来_CodingTheFuture_最好的前端教育_线下培训">
        </a>
        <ul class="nav clearfix">
            <li class="active"><a href="">首页</a></li>
            <li><a href="">课程体系</a></li>
            <li><a href="">名师介绍</a></li>
            <li><a href="">校企合作</a></li>
            <li><a href="">课程案例</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</div>
  <div class="container">
    <dl>
      <dt>按钮组件</dt>
      <dd>

        <button type="button" class="button button-default">
          <span>默认按钮</span>
        </button>
        <button type="button" class="button button-primary">
          <span>主要按钮</span>
        </button>
        <br>

        <button type="button" class="button button-default is-plain">
          <span>朴素按钮</span>
        </button>
        <button type="button" class="button button-primary is-plain">
          <span>主要按钮</span>
        </button>
        <br>

        <button type="button" class="button button-default is-round">
          <span>圆角按钮</span>
        </button>
        <button type="button" class="button button-primary is-round">
          <span>主要按钮</span>
        </button>
        <br>

        <button type="button" class="button button-default is-round is-disabled">
          <span>禁用按钮</span>
        </button>
        <button type="button" class="button button-primary is-round is-disabled">
          <span>禁用按钮</span>
        </button>
        <br>

        <button type="button" class="button button-black">
          <span>黑色按钮</span>
        </button>
        <button type="button" class="button button-black is-plain">
          <span>黑色按钮</span>
        </button>
        <br>

        <button type="button" class="button button-default" onclick="page.form('标题','des=预约设计&src_id=730979&enter_type=6')">
          <span>弹层表单</span>
        </button>

      </dd>
    </dl>

  </div>
  
<div class="footer">
    <div class="container">
        <ul class="clearfix">
            <li class="fl">
                <p class="title">联系方式</p>
                <a class="block a-hover" rel="nofollow" href="mailto:mdwl_hr@madongweilai.com.cn"><i class="ic ic-xitongtubiaoicon"></i> mdwl_hr@madongweilai.com.cn</a>
                <a class="block a-hover" rel="nofollow" href="tel:17701328903"><i class="ic ic-dianhua"></i> 17701328903</a>
                <p><i class="ic ic-dizhi"></i> 北京市海淀区西四环北路158号</p>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=289016408&site=qq&menu=yes" class="block a-hover" target="_blank" rel="nofollow"><i class="ic ic-QQ"></i> 点击QQ联系客服</a>
            </li>
            <li class="fl">
                <p class="title">友情链接</p>
                <a class="block a-hover" target="_blank" href="https://www.baidu.com" rel="nofollow">百度搜索</a>
                <a class="block a-hover" target="_blank" href="http://www.chinasofti.com/" rel="nofollow">中软国际</a>
                <a class="block a-hover" target="_blank" href="https://www.qq.com/" rel="nofollow">腾讯门户</a>
                <a class="block a-hover" target="_blank" href="http://www.shougang.com.cn/" rel="nofollow">首钢集团</a>
                <a class="block a-hover" target="_blank" href="https://www.bilibili.com/" rel="nofollow">哔哩哔哩</a>
            </li>
            <li class="fl">
                <p class="title">服务项目</p>
                <p>校企合作</p>
                <p>互联网技术方案解决指导</p>
                <p>企业培训</p>
                <p>校内培训</p>
                <p>大数据云分析实验室</p>
            </li>
            <li class="fl">
                <div class="logo">
                    <img src="./images/20181031_02.png" alt="码动未来_java_web_大数据分析_人工智能">
                </div>
                <div class="erweima mt60">
                    <img src="./images/20181031_09.jpg" alt="码动未来客服微信" title="码动未来客服微信">
                    <img src="./images/20181031_10.jpg" alt="码动未来官方微信号" title="码动未来官方微信号">
                </div>
            </li>
        </ul>
    </div>
    <div class="bottom tc">
        北京趣美互动科技有限公司 版权所有
    </div>
</div>

<script src="/scripts/vendor.js"></script>
<script src="/scripts/main.js"></script>
  <script>
    var page = Page({

    })

  </script>
</body>

</html>
